<div class="table-main">
  <div class="header">
    <div class="left flex" [routerLink]="['/main']"  id="btn-back">
      <div class="left-icon">
        <i class="fa fa-angle-left back-icon" aria-hidden="true"></i>
      </div>
      <div class="left-name">
        <span class="back-name">返回</span>
      </div>
    </div>
    <div class="center">并台记录</div>
  </div>
  <app-table-nav [navName]="'combineTable'"></app-table-nav>
  <!--<div class="table-title">大厅/卡座</div>-->
  <div class="combine-list" *ngFor="let v of infoList">
    <div class="combine-item"><div class="left">原桌号 </div><div class="right">{{v.primary_table.primary_table_class}} {{v.primary_table.primary_table_name}}</div></div>
    <div class="combine-item"><div class="left">并桌号</div><div class="right">{{v.combine_table.combine_table_class}} {{v.combine_table.combine_table_name}}</div></div>
    <div class="combine-item"><div class="left">现桌号<img src="assets/images/combine.png" alt=""></div><div class="right">{{v.present_table.present_table_class}} {{v.present_table.present_table_name}}</div></div>
    <div class="combine-item"><div class="left">时间</div><div class="right">{{v.create_time}}</div></div>
  </div>

  <div class="load-data" *ngIf="loading">
    <p class="load-data-icon">
      <i class="fa fa-spinner fa-spin fa-3x fa-fw"></i>
    </p>
    <p class="load-data-text">
      数据加载中
    </p>
  </div>
</div>
<div class="no-data" *ngIf="!infoList.length && isFlag">
  <p class="load-data-description">
    <i class="fa fa-info-circle"></i> 暂无并台记录
  </p>
</div>
